.list1,
.time {
    position: relative;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 1s ease-out, opacity 1s ease;
}

.animate .list1,
.animate .time {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

#a2 {
    transition-delay: .2s;
}

#a3 {
    transition-delay: .4s;
}

#a4 {
    transition-delay: .6s;
}

#a5 {
    transition-delay: .8s;
}

#startBtn {
    animation: updown 1s linear infinite;
}

@keyframes updown {
    0% {
        top: 0px;
    }

    25% {
        top: 5px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}

@-moz-keyframes updown {
    0% {
        top: 0px;
    }

    25% {
        top: 5px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}

@-webkit-keyframes updown {
    0% {
        top: 0px;
    }

    25% {
        top: 5px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}

@-o-keyframes updown {
    0% {
        top: 0px;
    }

    25% {
        top: 5px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}